<ul class="tabs">
    <li class="tab">
        <a ng-class="{'active':vm.tab.cur == 'user'}" href="javascript:void(0)" ng-click="vm.tab.change('user')">用户中心</a>
    </li>
    <li class="tab">
        <a ng-class="{'active':vm.tab.cur == 'custom'}" href="javascript:void(0)" ng-click="vm.tab.change('custom')">数据定制</a>
    </li>
    <li class="tab">
        <a ng-class="{'active':vm.tab.cur == 'feed'}" href="javascript:void(0)" ng-click="vm.tab.change('feed')">产品反馈</a>
    </li>
    <li class="tab" style="display: none;">
        <a ng-class="{'active':vm.tab.cur == 'password'}" href="javascript:void(0)" ng-click="vm.tab.change('password')">密码修改</a>
    </li>
</ul>
<div class="container">
    <div class="row">
        <div class="col s12" ng-show="vm.tab.cur == 'user'">
            <style>
            .user-box li,
            .user-box li span {
                line-height: 60px;
            }
            
            .user-box li span {
                font-size: 14px;
            }
            
            .user-box li span.u_title {
                font-weight: 600;
                display: inline-block;
            }
            
            .user-industry {
                padding: 20px 10px;
            }
            
            .user-industry span {
                font-size: 14px;
            }
            
            .pt10 {
                padding-top: 10px;
            }
            </style>
            <div class="row">
                <div class="col s12 m6 offset-m3" ng-if="vm.user.ver != 'pro'">
                    <div class="user-industry">
                        <div class="mt10">
                            <a class="ui label"><i class="warning circle icon"></i>行业重置次数-一个月将有一次行业重置的机会</a>
                        </div>
                        <div class="pt10">
                            <span class="mr10">当前可重置次数：{{vm.user.categoryUpdateTime}} </span>
                            <a href="javascript:void(0)" class="waves-effect waves-light btn grey" ng-class="{'disabled': vm.user.categoryUpdateTime == 0}" ng-click="vm.industrySelect()">确定重置</a>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="center-algin col s12 m6 offset-m3 user-box">
                <li>
                    <span class="u_title col s6">账号:</span>
                    <span>{{vm.user.nick}}</span>
                </li>
                <li class="divider"></li>
                <li>
                    <span class="u_title col s6">版本:</span><span>{{vm.user.verInfo}}</span>
                </li>
                <li class="divider"></li>
                <li>
                    <span class="u_title col s6">当前类目:</span><span>{{vm.user.itemLevel1Category || '全行业'}}</span>
                </li>
                <li class="divider"></li>
                <li>
                    <span class="u_title col s6">账号到期时间:</span><span>{{vm.user.deadLine}}</span>
                </li>
                <li class="divider"></li>
                <li>
                </li>
            </ul>
        </div>
        <div class="col s12" ng-show="vm.tab.cur == 'custom'">
            <form class="container">
                <div class="row"></div>
                <div class="row">
                    <p class="col s12 m6 offset-m3">如您有个性化数据查询或数据定制需求请在输入框内填写，数据工程师会与您联系</p>
                </div>
                <div class="row">
                    <div class="input-field col s6 m3 offset-m3">
                        <input id="coustom_tab_mobile" type="text" class="validate" ng-model="vm.custom.mobile">
                        <label for="coustom_tab_mobile">手机</label>
                    </div>
                    <div class="input-field col s6 m3">
                        <input id="coustom_tab_qq" type="text" class="validate" ng-model="vm.custom.qq">
                        <label for="coustom_tab_qq">QQ</label>
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m6 offset-m3">
                        <textarea ng-model="vm.custom.msg" style="height: 200px; width: 100%;"></textarea>
                    </div>
                    <div class="col s12 m6 offset-m3 right-align">
                        <a class="waves-effect waves-light btn" ng-click="vm.custom.send()">发送</a>
                    </div>
                </div>
            </form>
        </div>
        <div class="col s12" ng-show="vm.tab.cur == 'feed'">
            <form class="container">
                <div class="row"></div>
                <div class="row">
                    <p class="col s12 m6 offset-m3 center-align">产品反馈</p>
                </div>
                <div class="row">
                    <div class="input-field col s12 m6 offset-m3">
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_industry"  ng-model="vm.feedBack.module" checked="checked" value = "行业分析" />
                            <label for="feed_industry">行业分析</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_word" ng-model="vm.feedBack.module" checked="checked" value="最鲜商机" />
                            <label for="feed_word">最鲜商机</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_shop"  ng-model="vm.feedBack.module" checked="checked" value = "店铺数据" />
                            <label for="feed_shop">店铺数据</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_pro"  ng-model="vm.feedBack.module" checked="checked" value = "宝贝数据" />
                            <label for="feed_pro">宝贝数据</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_b"  ng-model="vm.feedBack.module" checked="checked" value = "品牌数据" />
                            <label for="feed_b">品牌数据</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_a"  ng-model="vm.feedBack.module" checked="checked" value = "属性分析" />
                            <label for="feed_a">属性分析</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_s"  ng-model="vm.feedBack.module" checked="checked" value = "实时监控" />
                            <label for="feed_s">实时监控</label>
                        </span>
                        <span>
                            <input class="with-gap" name="group_feed" type="radio" id="feed_o"  ng-model="vm.feedBack.module" checked="checked" value = "其他" />
                            <label for="feed_o">其他</label>
                        </span>
                    </div>
                </div>
                <div class="row">
                    <div class="col s12 m6 offset-m3">
                        <textarea ng-model="vm.feedBack.content" style="height: 200px; width: 100%;"></textarea>
                    </div>
                    <div class="col s12 m6 offset-m3 right-align">
                        <a class="waves-effect waves-light btn" ng-click="vm.feedBack.send()">发送</a>
                    </div>
                </div>
            </form>
        </div>
        <div class="col s12" ng-show="vm.tab.cur == 'password'">
            <form class="container" name="passwordForm">
                <div class="row"></div>
                <div class="row">
                    <div class="input-field col s12 m6 offset-m3">
                        <input name="pw_password" id="password" type="password" class="validate" ng-class="{'invalid':passwordForm.pw_password.$valid && passwordForm.pw_password.$dirty,'valid':passwordForm.pw_password.$valid&&passwordForm.pw_password.$dirty}" ng-model="vm.password.old" ng-model-options="{ updateOn: 'blur' }" ng-compare ng-compare-op="eqeq" ng-compare-to="123456">
                        <label for="password" data-error="旧密码错误" ng-class="{'active':true}">旧密码</label>
                    </div>
                    <div class="input-field col s12 m6 offset-m3">
                        <input name="pw_new_password" id="password" type="password" class="validate" ng-model="vm.password.new">
                        <label for="password">新密码</label>
                    </div>
                    <div class="input-field col s12 m6 offset-m3">
                        <input name="pw_new_again_password" id="password" type="password" class="validate" ng-model="vm.password.new_again">
                        <label for="password">确认新密码</label>
                    </div>
                    <div class="col s12 m6 offset-m3">
                        <a class="waves-effect waves-light btn col s12 red" ng-click="">确定</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
